{extend name="base"/}
{block name="content"}
<link href="__THEMES__/css/isotope.css" rel="stylesheet">
<!-- Wrapper -->
    <div class="wrapper">
       
        <div class="topic">
            <div class="container">
                <div class="row">
                    <ol class="breadcrumb hidden-xs">
                        <li><a href="{:url('tcms/index/index')}">首页</a></li>
                        <li class="active">相册</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
               
                <ul class="project-filter" id="filters">
                    <li><a href="" data-filter="*">所有</a></li>
                    {volist name="listPosts" id="vo"}
                    <li><a href="" data-filter=".photo{$vo.id}">{$vo.title}</a></li>
                    {/volist}
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row" id="isotope-container">
                {volist name="listPostsImages" id="vo"}
                <div class="col-xs-12 col-sm-4 col-md-3 isotope-item photo{$vo.posts_id}">
                    <div class="portfolio-item">
                        <div class="portfolio-thumbnail">
                            <img class="img-responsive" src="{$vo.url}" alt="{$vo.desc}">
                            <div class="mask">
                                <p>
                                    <a href="{$vo.url}" data-lightbox="showcase{$vo.posts_id}"><i class="fa fa-search fa-2x"></i></a>
                                    <a href="{:url('tcms/cases/show',['posts_id'=>$vo.posts_id])}"><i class="fa fa-link fa-2x"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
    <script src="__THEMES__/js/jquery.isotope.js"></script>
    <script src="__THEMES__/js/portfolio.js"></script>
{/block}